กลับบทเรียน

บทที่ 12 : การสร้างเฟรม

ข้อดีของการแบ่งเฟรม
1.ทำให้การนำเสนอข้อมูลเป็นสัดส่วน เป็นระเบียบเรียบร้อย

2.ช่วยให้การเปรียบเทียบข้อมูลง่ายขึ้น

3.สามารถแสดงเว็บเพจได้หลายๆหน้าในคราวเดียว

:: รูปแบบของเฟรม ::
เฟรมจะมีด้วยกันอยู่ 2 รูปแบบคือ เฟรมหลัก (Frameset) และเฟรมย่อย (Frame)

เฟรมหลัก (Frameset) คือ หน้าต่างที่ใหญ่ที่สุด ที่ควบคุมเฟรมย่อย อื่นๆ อีกทีหนึ่ง และลักษณะการ แบ่งเฟรมในแนวตั้วและแนวนอน ทั้งยังกำหนดขนาดของขอบ สี รวมถึงระยะห่าง ระหว่างเฟรมได้อีกด้วย

external image 009.jpg

เฟรมย่อย (Frame) คือหน้าต่างเฟรมที่กำหนดชื่อของแต่ละเฟรม และกำหนดไฟล์เว็บที่จะแสดงประจำเฟรม

external image 010.jpg

:: วิธีการออกแบบเฟรม ::
สำหรับโปรแกรม Dreamweaver 8 คำสั่งในการออกแบบเฟรมสามารถเรียกได้ดังนี้
1.คลิกที่ปุ่ม external image 012.jpg

บริเวณ Insert Bar

2.คลิกที่ปุ่ม external image 011.jpg

จากนั้นจะมีรูปแบบเฟรมให้เลือก

3.เลือกรูปแบบเฟรมที่ต้องการ

4.จะได้เฟรมตามที่เรากำหนดไว้

external image 013.jpg

:: การกำหนดคุณสมบัติของเฟรม ::
การแบ่งหน้าจอการทำงานเป็นลักษณะเฟรม เราควรจะกำหนดคุณสมบัติต่างๆของเฟรม(ในส่วนของเฟรมหลัก) ซึ่งการกำหนด คุณสมบัติเฟรมนี้สามารถทำได้โดย

1.คลิกที่เส้นแบ่งเฟรม

2.จะปรากฏหน้าต่าง Frame properties ขึ้นมาด้านล่าง

3.ทำการกำหนดคุณสมบัติเฟรม

external image 015.jpg

:: วิธีการสร้างเว็บเพจภายในเฟรม ::
เมื่อเราสร้างเฟรมขึ้นมาได้แล้ว จากนี้เราก็จะมาเริ่มออกแบบเว็บเพจในเฟรมนั้นซึ่งมีอยู่ด้วยกัน 2 แบบ คือ

1.การออกแบบเฟรมและสร้างเว็บเพจภายในเฟรมเลย

2.การนำเว็บเพจที่สร้างไว้แล้ว มาเปิดในเฟรม

สำหรับแบบที่ 1 แล้วไม่มีขั้นตอนยุ่งยากสักเท่าไหร่ เพราะว่าเราแค่คลิกที่พิ้นที่การทำงานของเฟรมจากนั้นก็ลงมือพิมพ์ข้อความ หรือลงรูปภาพ ลงไปได้เลย เหมือนกับการออกแบบเว็บเพจปกติ แต่ถ้าเป็นแบบที่ 2 จะเป็นการนำเข้าเว็ลบเพจที่เราออกแบบไว้มาแล้วมาเปิดในเฟรม ซึงมีขึ้นตอนดัง นี้

การนำเว็บเพจมาเปิดในเฟรม

1.คลิกที่พื้นที่การทำงานของเฟรมย่อยที่เราต้องการ

2.ไปที่ Menu Bar เลือก File > Open in Frame... (หรือกด Ctrl+Shift+O )

external image 023.jpg